<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="device-width, initial-scale=1.0">
    <title>Tailwind</title>
    <link href="./css/tailwind.css" rel="stylesheet">
</head>
<body class="bg-gray-100">
    <div class="px-8 py-20 max-w-md mx-auto">
        <img class="w-100 rounded-lg" src="./assets/85f88975gy1ggphidr1zqj22001c0npe.jpg" alt="img">
        <h1 class="mt-2 font-bold ">hahahhh ahhha</h1>
        <a class="btn" href="#">Book your escape</a>
    </div>
    <div class="max-w-sm mx-auto flex p-6 bg-white rounded-lg shadow-xl">
        <div class="flex-shrink-0">
            <img class="h-12 w-12" src="/img/logo.svg" alt="ChitChat Logo" />
        </div>
        <div class="ml-6 pt-1">
            <h4 class="text-xl text-gray-900 leading-tight">ChitChat</h4>
            <p class="text-base text-gray-600 leading-normal">
                You have a new message!
            </p>
        </div>
    </div>

</body>
</html>